<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head th:include="include :: header"></head>
<style>

    .layui-upload-colse {
        position: relative;
    }

    .closeUpload {
        position: absolute;
        top: 0;
        right: 0;
        width: 20px;
        height: 20px;
        cursor: pointer;
    }

    .upImg {
        width: 80px;
        height: 80px;
    }

    .formfixed {
        position: relative;
    }

    .remove {
        position: absolute;
        top: 125%;
        right: -175px;
        transform: translateY(-50%);
        cursor: pointer;
    }

    .myheader {
        height: 140px;
        background-color: #FFFFFF;
        padding: 20px 0;
        display: flex;
        align-items: center;
        margin: 0;
        flex-wrap: wrap;
    }

    .layui-tab {

        overflow: auto;
        background-color: #FFFFFF;
        margin: 10px 0 0 0;
    }

    .layui-input-block1 {
        display: flex;
        align-items: center;
        justify-content: flex-start
    }
    .layui-tab-title{
        height: 40px!important;
    }
    .layui-tab-content{
        height: calc(100% - 55px);
        overflow: auto;
    }
    .layui-disabled, .layui-disabled:hover {
        color: #000 !important;
        cursor: not-allowed !important;
    }
</style>
<body>
<input id="userId" th:value="${userId}" style="display: none">
<input id="infoType" th:value="${infoType}" style="display: none">
<input id="inviteeId" th:value="${myData?.inviteeId}" style="display: none">
<input id="inviterId" th:value="${myData?.inviterId}" style="display: none">
<input id="projectId" th:value="${myData?.projectId}" style="display: none">
<div class="layui-fluid mt2" style="background-color: #f0f2f5">
    <form class="layui-form" style="height: 100%;">
        <div class="layui-form-item">
            <label class="layui-form-label" style="width: auto !important;">邀约人基本信息</label>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                <label class="layui-form-label">邀约人</label>
                <div class="layui-input-block layui-input-block1" th:text="${myData?.inviterName}">
                </div>
            </div>
            <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                <label class="layui-form-label">联系方式</label>
                <div class="layui-input-block layui-input-block1"  th:text="${myData?.inviterPhone}">
                </div>
            </div>
            <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                <label class="layui-form-label">需求类型</label>
                <div class="layui-input-block layui-input-block1"
                     th:text="${myData?.projectName}">
                </div>
            </div>
            <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                <label class="layui-form-label">当前状态</label>
                <div class="layui-input-block layui-input-block1" th:text="${myData?.status==0?'未发送':(myData?.status==1?'已发送':'已取消')}">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                <label class="layui-form-label">服务地址</label>
                <div class="layui-input-block layui-input-block1" th:text="${myData?.workAddress}">

                </div>
            </div>
            <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                <label class="layui-form-label">面试时间</label>
                <div class="layui-input-block layui-input-block1"
                     th:text="${myData.interviewTime} eq null ? '' : ${#dates.format(myData?.interviewTime, 'yyyy-MM-dd')}" >
                </div>
            </div>
            <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                <label class="layui-form-label">面试方式</label>
                <div class="layui-input-block layui-input-block1" th:text="${myData?.interviewFormat==0?'线下':'线上'}">
                    0 线下 1 线下
                </div>
            </div>
            <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                <label class="layui-form-label">面试地址</label>
                <div class="layui-input-block layui-input-block1" th:text="${myData?.interviewAddress}">
                </div>
            </div>

        </div>
        <div class="layui-form-item">
            <div class="layui-inline" style="width: calc(100% - 55px)">
                <label class="layui-form-label">发布时间</label>
                <div class="layui-input-block layui-input-block1"
                     th:text="${myData.createTime} eq null ? '' : ${#dates.format(myData?.createTime, 'yyyy-MM-dd HH:mm:ss')}" >
                </div>
            </div>

        </div>

        <div class="layui-form-item">
            <label class="layui-form-label" style="width: auto !important;">家政人基本信息</label>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                <label th:class="${infoType=='push'?'layui-form-label required':'layui-form-label'}">服务人</label>
                <div class="layui-input-block layui-input-block1" th:if="${infoType!='push'}" th:text="${myData?.inviteeName}">
                </div>
                <div class="layui-input-block" th:if="${infoType=='push'}" >
                    <select  id="mySelect" lay-search=""  name="mySelect" lay-verify="required"  lay-filter="demo-select-filter">
                        <option value="">请等待数据加载</option>
                    </select>
                </div>
            </div>
            <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                <label class="layui-form-label">联系方式</label>
                <div class="layui-input-block layui-input-block1" id="inviterPhone" th:text="${myData?.inviteePhone}">
                </div>
            </div>
            <div class="layui-inline" style="width: calc((100% - 55px) / 2)">
                <label class="layui-form-label">服务类型</label>
                <div class="layui-input-block layui-input-block1" id="projectName" th:text="${myData?.inviteeProjectName}">

                </div>
            </div>

        </div>

        <div class="layui-form-item">
            <label class="layui-form-label" style="width: auto !important;" th:text="${(myData?.status!=2)?'面试信息':'取消原因'}"></label>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline" style="width: calc(100% - 55px)">
                <label class="layui-form-label" th:if="${myData?.status!=2}">面试结果</label>
                <div class="layui-input-block layui-input-block1"
                     th:if="${infoType!='edit'}"
                     th:text="${(myData?.status==2)?(myData?.cancelReason):(myData?.result==0?'待定':(myData?.result==1?'面试通过':'面试拒绝'))}">
                </div>

                <div  class="layui-form" th:if="${infoType=='edit'}">
                    <input type="radio" lay-filter="demo-radio-filter" name="result" value="0" title="待定" th:checked="${myData?.result==0}">
                    <input type="radio" lay-filter="demo-radio-filter" name="result" value="1" title="面试通过" th:checked="${myData?.result==1}" >
                    <input type="radio" lay-filter="demo-radio-filter" name="result" value="2" title="面试拒绝" th:checked="${myData?.result==2}" >
                </div>
                <div class="layui-input-block" th:style="${myData?.result==2?'display: block':'display: none'}"  id="refuseReason">
                            <textarea name="rejectReasion" placeholder="请输入拒绝原因" lay-verify="introduction"
                                      th:text="${myData?.rejectReasion}"
                                      th:disabled="${infoType=='info'}"
                                      class="layui-textarea"></textarea>
                </div>



            </div>

        </div>


        <div class="layui-form-item  layui-flow-more">
            <div class="layui-inline">
                <button type="button" class="layui-btn" lay-submit lay-filter="submit" th:text="${infoType=='push'?'推送':'确定'}"></button>
            </div>
        </div>

    </form>
</div>

<div th:include="include::footer"></div>
<script type="text/javascript" src="/js/xmSelect.js"></script>
<script type="text/javascript" src="/js/webJs/jzweb/interviewInvitation/info.js"></script>
</body>
</html>